<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产业基础要素</title>
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/basic.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../surroundings/development.html">
                            <span>
                                <img class="aside-img" src="../../images/huanjing.png" alt="">
                                <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                产业发展环境
                            </span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="./basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../enterprise/scenicMonitor.html">
                            <span>
                                <img class="aside-img" src="../../images/qiye.png" alt="">
                                <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                旅游企业监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismProject/index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box flex-between">
                <!-- 左侧 -->
                <div class="left-box">
                    <div class="top-box">
                        <div class="title-box">
                            <h3>
                                <img src="../../images/titile-img.png" alt="">
                                产业基础要素
                            </h3>
                        </div>
                        <div class="selected">
                            <div class="select-box">
                                <select name="" id="select-sheng" class="sheng">
                                    <option value="">河南省</option>
                                    <option value="">湖南省</option>
                                    <option value="">四川省</option>
                                </select>
                            </div>
                            <div class="select-box">
                                <select name="" id="select-shi" class="shi">
                                    <option value="">郑州市</option>
                                    <option value="">焦作市</option>
                                    <option value="">洛阳市</option>
                                </select>
                            </div>
                        </div>
                        <ul>
                            <li class="active">
                                <img class="icon-img" src="../../images/jingqu.png" alt="">
                                <img class="icon-imgA" src="../../images/3Ajingqu.png" alt="">
                                <p>游览</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/zhusu.png" alt="">
                                <img class="icon-imgA" src="../../images/zhusuA.png" alt="">
                                <p>住宿</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/canyin.png" alt="">
                                <img class="icon-imgA" src="../../images/canyinA.png" alt="">
                                <p>餐饮</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/yule.png" alt="">
                                <img class="icon-imgA" src="../../images/yuleA.png" alt="">
                                <p>娱乐</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/chechuan.png" alt="">
                                <img class="icon-imgA" src="../../images/chechuanA.png" alt="">
                                <p>车船</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/gouwu.png" alt="">
                                <img class="icon-imgA" src="../../images/gouwuA.png" alt="">
                                <p>购物</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/lvxs.png" alt="">
                                <img class="icon-imgA" src="../../images/lvxsA.png" alt="">
                                <p>旅行社</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/daoyou.png" alt="">
                                <img class="icon-imgA" src="../../images/daoyouA.png" alt="">
                                <p>导游</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/cesuo.png" alt="">
                                <img class="icon-imgA" src="../../images/cesuoA.png" alt="">
                                <p>厕所</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/jisan.png" alt="">
                                <img class="icon-imgA" src="../../images/jisanA.png" alt="">
                                <p>集散中心</p>
                            </li>
                            <li>
                                <img class="icon-img" src="../../images/zixun.png" alt="">
                                <img class="icon-imgA" src="../../images/zixunA.png" alt="">
                                <p>咨询中心</p>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-box">
                        <div class="title-box flex-between-center">
                            <h3>
                                <img src="../../images/titile-img.png" alt="">
                                产业基础要素
                            </h3>
                            <a href="javascript:;">数据导出</a>
                        </div>
                        <ul class="category-box">
                            <li class="active">
                                <a href="javascript:;">90个</a>
                                <span>A级景区</span>
                            </li>
                            <li>
                                <a href="javascript:;">10个</a>
                                <span>乡村旅游</span>
                            </li>
                            <li>
                                <a href="javascript:;">5个</a>
                                <span>旅游度假区</span>
                            </li>
                        </ul>
                        <div class="category-info-box">
                            <a href="javascript:;"><span>5个</span><span>5A景区</span></a>
                            <a href="javascript:;"><span>10个</span><span>4A景区</span></a>
                            <a href="javascript:;"><span>15个</span><span>3A景区</span></a>
                            <a href="javascript:;"><span>20个</span><span>2A景区</span></a>
                            <a href="javascript:;"><span>40个</span><span>1A景区</span></a>
                        </div>
                        <ul class="info-list scrollbar">
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                            <li><span>少林寺风景区</span><i>登封市</i></li>
                        </ul>
                    </div>

                </div>
                <!-- 中间 -->
                <div class="center-box">
                    <div class="title-box">
                        <h3>
                            <img src="../../images/titile-img.png" alt="">
                            产业基础要素
                        </h3>
                    </div>
                    <div class="map-box" >
                        <div id="container"></div>
                        <div class="info-box">
                            <div class="img-box">
                                <img src="../../temporary/shaolin.jpg" alt="">
                            </div>
                            <div class="information-box">
                                <h3>
                                    <span>嵩山少林寺</span><i>AAAAA级景区</i>
                                </h3>
                                <div>
                                    <p> 地址：河南省郑州市登封市G207(锡海线)</p>
                                    <p>开放时间：</p>
                                    <p>07:00-18:00（夏季） 08:00-17:30（冬季）</p>
                                    <p> 门票价格：80元</p>
                                    <p>建议游玩时间：2天</p>
                                    <p>联系电话： 0371-62745000</p>
                                    <p>负责人：王明</p>
                                </div>
                            </div>
                            <div class="introduce-box scrollbar">
                                <h2>景区介绍</h2>
                                <p>
                                    由太室山（海拨1,494米）和少室山（海拨1,512米）等组成，雄峙中原，群峰耸立，层峦叠嶂。地处古都汴、洛之间，自古为文人荟萃之地，历代帝王将相、文人学土、高僧名道、拳豪义侠留下了大量名胜古迹，如始建于北魏的少林寺，规模宏大的中岳庙，我国四大书院之一的嵩阳书院和院内的两株“将军柏”，以及我国现存最古的嵩岳寺塔，太室，少室、启母三汉阙和古天文观测台等。2007年8月17日，嵩山少林风景区入选首批国家5A级景区。
                                </p>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
    <script src="../../plugin/jquery-1.11.1.min.js"></script>
    <script src="../../plugin/ECharts/echarts.js"></script>
    <script src="../../plugin/ECharts/china.js"></script>
    <script src="../../plugin/M_select/js/M_select/M_select.js"></script>
    
    <script src="../../js/common.js"></script>
    <script src="../../js/basic.js"></script>
</body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
<script type="text/javascript">
 
	// 百度地图API功能
	var map = new BMap.Map("container");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(113.64,34.75), 11);  // 初始化地图,设置中心点坐标和地图级别
	//添加地图类型控件
	map.addControl(new BMap.MapTypeControl({
		mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
	map.setCurrentCity("郑州");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
  map.setMapStyle({style: 'midnight'})
  //默认地图样式(normal)
  //清新蓝风格(light)
  //黑夜风格(dark)
  //清新蓝绿风格(bluish)
  //高端灰风格(grayscale)
  //强边界风格(hardedge)
  //青春绿风格(darkgreen)
  //浪漫粉风格(pink)
  //午夜蓝风格(midnight)
  //自然绿风格(grassgreen)
  //精简风格(googlelite)
  //红色警戒风格(redalert)

</script>

</html>
